<script type="text/javascript">

     var messageScriptActa =
        {
            emailError : "Email no v&aacute;lido",
            emailRepeatedError : "ya se encuentra agregado a la lista"
        };


        function f_registrar_acta(){
            var ctrl=document.frm_registrar_acta.rad_acta_aprobacion;
            var rad="";
            for(i=0;i<ctrl.length;i++){
                    if(ctrl[i].checked){
                        rad= ctrl[i].value;
                    }
            }
            f_new_acta(rad);
        }

function f_validate_form_sign_in_acta(){
     var _oflag = {
               "success":false,
               "mesage_html":'null',
               "label":'null',
               "label_return":'null',
               "class_div":'null'
              }
 var _otext = {
               "msj":'#msj-titulo-acta',
               "task":'#txt_acta_texto',
               "title":'#txt_acta_titulo',
               "email":'#txt_acta_cont_cor'
              }
 var _oclass ={
               "error":'error',
               "efect_p":'pulsate',
               "addcontac":'.style_div_add_contact-acta',
               "addtask":'.detalle-acuerdo-table'
             }



 var arrayEmails = $("#txt_acta_cont_cor").val();
 if( arrayEmails=="" && $(".style_div_add_contact-acta").length>0)
 {

       if($(_otext.title).val()!=""){
               if($(_oclass.addtask).length>0){                  
                         _oflag.success = true;                    
              }else{
                     _oflag.success = false;
                     _oflag.mesage_html = '<b>Ingrese una tarea para poder continuar</b>';
                     _oflag.label = _otext.msj;
                     _oflag.label_return =_otext.task;
                     _oflag.class_div = _oclass.error;
                    $("#btn-add-new-task-acta").fadeOut(500,function(){
                        $(this).effect(_oclass.efect_p, { times:3 }, 800);
                    });
              }
       }else{
            _oflag.success = false;
            _oflag.mesage_html = '<b>Ingrese un t&iacute;tulo para poder continuar</b>';
            _oflag.label = _otext.msj;
            _oflag.label_return =_otext.title;
            _oflag.class_div = _oclass.error;

       }



 }
 else
 {

     if(validate_texto_acta())
     {
            $.ajax({
                    type: "POST",
                    url:  "<?php echo url_for('@add_contact_act_free') ?>",
                    data: "txt_acta_cont_cor="+$("#txt_acta_cont_cor").val(),
                    complete: function(){
                              if(_oflag.success)
                              {

                                  if($(_otext.title).val()!=""){
                                           if($(_oclass.addtask).length>0){
                                                    var ctrl=document.frm_registrar_acta.rad_acta_aprobacion;
                                                    var rad="";
                                                        for(i=0;i<ctrl.length;i++){
                                                                if(ctrl[i].checked){
                                                                    rad= ctrl[i].value;
                                                                }
                                                        }
                                                      f_new_acta(rad);
                                                      return false;
                                          }else{
                                                 _oflag.success = false;
                                                 _oflag.mesage_html = '<b>Ingrese una tarea para poder continuar</b>';
                                                 _oflag.label = _otext.msj;
                                                 _oflag.label_return =_otext.task;
                                                 _oflag.class_div = _oclass.error;
                                                $("#btn-add-new-task-acta").fadeOut(500,function(){
                                                    $(this).effect(_oclass.efect_p, { times:3 }, 800);
                                                });
                                          }
                                   }else{
                                        _oflag.success = false;
                                        _oflag.mesage_html = '<b>Ingrese un t&iacute;tulo para poder continuar</b>';
                                        _oflag.label = _otext.msj;
                                        _oflag.label_return =_otext.title;
                                        _oflag.class_div = _oclass.error;

                                   }

                                  
                              }else
                              {
                                $(_oflag.label).removeClass().addClass(_oflag.class_div);
                                $(_oflag.label).html(_oflag.mesage_html);
                                $(_oflag.label).fadeIn();
                                $(_oflag.label_return).focus();
                                $(_oflag.label_return).select();
                              }
                            },
                     success: function(data)
                     {
                         _oflag.success = true;
                        success_add_contact_acta(data);
                    }
            });
     }

 }
     

   if(_oflag.success){
        return true;
    }else{
        $(_oflag.label).removeClass().addClass(_oflag.class_div);
        $(_oflag.label).html(_oflag.mesage_html);
        $(_oflag.label).fadeIn();
        $(_oflag.label_return).focus();
        $(_oflag.label_return).select();
        return false;
    }


}


function execute_new_acta(rad){

        $.ajax({
                    type: "POST",
                    url: "<?php echo url_for('@register_act_free') ?>",
                    data: "txt_acta_titulo="+$("#txt_acta_titulo").val()+"&userip="+$("#userip").val()+"&rad_acta_aprobacion="+rad+"&txt_add_etiqueta_acta="+$("#txt_add_etiqueta_acta").val(),
                    success: function(datos){
                        $("#msj-titulo-acta").removeClass().addClass('exito');
                        $("#msj-titulo-acta").html(datos);
                        $("#msj-titulo-acta").fadeIn();
                        $("#imgload_acta").hide();
                        $("#botonera_acta").show();
                        limpiar_registrar_acta();
                        setTimeout('closeacta()',1700);
                    },
                    error:function(){
                        $("#imgload_acta").hide();
                        $("#botonera_acta").show();
                        $("#div_resultado_acta").fadeIn();

                    }
            });

}

function f_new_acta(rad){
  if( f_validate_form_sign_in_acta()){
      if(validate_tarea()){
        execute_new_acta(rad);
        $("#botonera_acta").hide();
        $("#div_resultado_acta").hide();
        $("#imgload_acta").show();
        $("#msj-titulo-acta").hide();
      }else{
          return false;
      }
   }
 }

function validate_tarea(){
       if($('.cls-validate-table').length>0){
           return true;
       }else{

           if(validate_task()){

                 $.ajax({
                    type: "POST",
                    url: "<?php echo url_for("@add_detail_task_free") ?>",
                    data: "txt_acta_texto="+$("#txt_acta_texto").val()+"&txt_acta_nombre="+$("#txt_acta_nombre").val()+"&txt_acta_fecha="+$("#temptime").val(),
                    success: function(datos){
                        return true;
                    },
                    complete:function(){
                        return true;
                    },
                    error:function(){
                        return false;
                    }
                    });
                    return true;
            }else{
            return false;
            }


       }
}


 function limpiar_registrar_acta(){
            $("#div_detalle_tarea_acta").html('');
            $("#txt_acta_titulo").val('');
            $("#txt_acta_texto").val('');
            $("#txt_acta_nombre").val('');
            $("#txt_acta_cont_cor").val('');
            $("#temptime").val('');
            $("#txt_add_etiqueta_acta").val('');
            $("#content-email-acta").html('<div id="aux-div-acta"></div>');

        }
</script>

<div class="btn-sub-bar" id="crear-acta" title="crear acta" >
    <div class="div_bar_icon"><?php echo image_tag('implementacion/sub-bar-icon-more.png'); ?></div>
    <div class="text-btn-sub-bar div_bar_text"><a title="crear acta" href="javascript:void(0);">Crear acta</a></div>
</div>

<script type="text/javascript">

    function validate_task(){

        var _otext_task  = { "accord":'#txt_acta_texto',"trust":'#txt_acta_nombre',"date_task":'#temptime',"div_message":'#msj-titulo-acta'};
        var _oflag       = { "success":false,"mesage_html":'null',"label":'null', "label_return":'null',"class_div":'null'};
        var _oclass      = { "error":'error', "efect_p":'pulsate' };

        if($(_otext_task.accord).val()!=""){
                if($(_otext_task.trust).val()!=""){
                        if($(_otext_task.date_task).val()!=""){
                            _oflag.success = true;
                        }else{
                            _oflag.success = false;
                            _oflag.mesage_html = '<b>Fecha requerido</b>';
                            _oflag.label = _otext_task.div_message;
                            _oflag.label_return =_otext_task.date_task;
                            _oflag.class_div = _oclass.error;
                        }
                }else{
                    _oflag.success = false;
                    _oflag.mesage_html = '<b>Responsable requerido</b>';
                    _oflag.label = _otext_task.div_message;
                    _oflag.label_return =_otext_task.trust;
                    _oflag.class_div = _oclass.error;
                }
        }else{
              _oflag.success = false;
              _oflag.mesage_html = '<b>Acuerdo requerido</b>';
              _oflag.label = _otext_task.div_message;
              _oflag.label_return =_otext_task.accord;
              _oflag.class_div = _oclass.error;
        }
        if(_oflag.success){
             return true;
        }else{
            $(_oflag.label).removeClass().addClass(_oflag.class_div);
            $(_oflag.label).html(_oflag.mesage_html);
            $(_oflag.label).fadeIn();
            $(_oflag.label_return).focus();
            $(_oflag.label_return).select();
            return false;
        }

    }

    function f_add_detail_task_acta(){
            if(validate_task()){
                 $.ajax({
                    type: "POST",
                    url: "<?php echo url_for("@add_detail_task_free") ?>",
                    data: "txt_acta_texto="+$("#txt_acta_texto").val()+"&txt_acta_nombre="+$("#txt_acta_nombre").val()+"&txt_acta_fecha="+$("#temptime").val(),
                    success: function(datos){
                        if(datos!="error"){
                          $("#div_detalle_tarea_acta").html(datos);
                        }else{
                            alert('Error - no se puedo agregar tarea.')
                        }

                    }
                    });
            }
    }

  function f_delete_detail_task_acta(item){
        $.ajax({
                type: "POST",
                url: "<?php echo url_for("@delete_detail_task_free") ?>",
                data: "item_tarea_acta="+item,
                success: function(datos){
                    $("#div_detalle_tarea_acta").html(datos);
                }
        });
    }


 function f_delete_detail_contact_acta(item,div){
        var email_without_at = div;
        email_without_at = email_without_at.replace("@", "-at-");
        email_without_at = email_without_at.replace(/\./g, "-");
        $.ajax({
                type: "POST",
                url: "<?php echo url_for('@delete_contact_act_free') ?>",
                data: "item_contacto_acta="+item,
                success: function(data){
                   if(data.success){                      
                        $("#d-token-acta"+email_without_at).fadeOut('500', function(){$(this).remove();})
                   }
                }
        });
    }


$(document).ready(function() {

    $("#crear-acta").click(function(){
               show_acta();
    });

    $("#help-acta").hover(function(){
    $("#text-help-acta").show();},
    function(){$("#text-help-acta").hide();});

    $("#temptime").datepicker();
    $('#temptime').datepicker('option', {dateFormat: 'dd/mm/yy'});

    $.fx.speeds._default = 400;
    $('#dialog_acta').dialog({
        autoOpen: false,
        width:650,
        modal: true,
        resizable: false
     });

});

function hide_acta(){
     $('#dialog_acta').dialog("close");
     $('#div_box_acta').hide();
 }

function show_acta(){
      $('#div_box_acta').show();
      $('#dialog_acta').dialog("open");
      $('#msj-titulo-acta').hide();
      $('#txt_acta_titulo').focus();

}
function add_contact_acta(){
 if(validate_texto_acta()){
          f_add_detail_contact_acta();
  }
}

function validate_texto_acta(){


    var arrayEmails = $("#txt_acta_cont_cor").val();

    if($(".style_div_add_contact-acta").length<=0 && arrayEmails=="")
    {
        $("#msj-titulo-acta").removeClass().addClass('error');
        $("#msj-titulo-acta").html('<b>Ingrese un email para poder continuar</b>');
        $("#msj-titulo-acta").fadeIn();
        return false;
    }


    arrayEmails    =  arrayEmails.split(',');
    for(var i = 0;i<arrayEmails.length;i++ )
    {
       if(validateTextEmail(arrayEmails[i]))
       {
           if($("#txt-aceptor-user-actual-acta").val()==arrayEmails[i])
           {
                $("#msj-titulo-acta").removeClass().addClass('error');
                $("#msj-titulo-acta").html('<b>No puede agregar su mismo email.</b><p>Recuerde que tampoco puede agregar un correo asociado a su cuenta.');
                $("#msj-titulo-acta").fadeIn();
                return false;
           }
       }
       else
       {

               $("#msj-titulo-acta").removeClass().addClass('error');
               $("#msj-titulo-acta").html('<b>Unos de los emails ingresados no es correcto.</b><p>Verifique que los correos esten separados correctamente por comas (,)');
               $("#msj-titulo-acta").fadeIn();
               return false;
       }
    }
    return true;

}


function success_add_contact_acta(data)
{
            var all_true = false;
            var count_true = 0;
            $("#msj-titulo-acta").html('');
            for(var i=0;i<data.count;i++){
                if(data.success[i]){
                    count_true++;
                    if(count_true==data.count){
                        all_true = true;
                    }
                    if(all_true){
                        $("#msj-titulo-acta").hide();
                    }

                    // se convierten los caracteres para que se pueda hacer el efecto de eliminacion
                    var email_without_at = data.emails[i];
                    email_without_at = email_without_at.replace("@", "-at-");
                    email_without_at = email_without_at.replace(/\./g, "-");

                     var newdiv ='<div class="style_div_add_contact-acta" id=d-token-acta'+email_without_at+'>'+
                     '<div class="div_contact">'+data.emails[i]+'</div>'+
                     '<div class="div_image"><a class="style_div_delete_contact" href="javascript:void(0);" onclick="f_delete_detail_contact_acta(\''+data.emails[i]+'\',\''+data.emails[i]+'\')" ></a></div>'+
                     '</div>';
                    $(newdiv).insertBefore("#aux-div-acta");

                    $("#txt_acta_cont_cor").val('');
                    $("#txt_acta_cont_cor").focus();
                    $("#txt_acta_cont_cor").select();
                }else
                {
                    if(data.code[i]==25100){
                         $("#msj-titulo-acta").removeClass().addClass('error');
                         $("#msj-titulo-acta").append('<p>"'+data.emails[i]+'" '+messageScript.emailError+'</p>');
                    }
                    else if(data.code[i]==25300)
                    {
                        $("#msj-titulo-acta").removeClass().addClass('error');
                        $("#msj-titulo-acta").append('<p>"'+data.emails[i]+'" '+messageScript.emailRepeatedError+'</p>')
                        $("#txt_acta_cont_cor").select();
                    }
                    else if(data.code[i]==25400)
                    {
                        $("#msj-titulo-acta").removeClass().addClass('error');
                        $("#msj-titulo-acta").append('<p>'+data.message[i]+'</p>');
                        $("#txt_acta_cont_cor").select();
                    }
                    else if(data.code[i]==88000){
                         alert('su session ha expirado');
                         window.location.href = 'saml/logout';
                    }
                    $("#msj-titulo-acta").fadeIn();
                }
            }

}



function f_add_detail_contact_acta(){
        $.ajax({
                type: "POST",
                url:  "<?php echo url_for('@add_contact_act_free') ?>",
                data: "txt_acta_cont_cor="+$("#txt_acta_cont_cor").val(),
                success: function(data){
                         success_add_contact_acta(data);
                }
        });

}


</script>
<style type="text/css">
#div_box_acta #container .attribute{
    color: #777777;
    font-size: 13px;
    font-weight: bold;
}
input[type="text"], textarea{
    border-radius: 5px;
    border: 1px solid #d1d1d1;
}
input[type="text"]{
    height: 22px;
}
</style>


<div id="dialog_acta" title="<?php for($i=1;$i<=65;$i++){ echo '&nbsp'; } ?>REGISTRAR ACTA" style="display: none;background-color: #f9f9f9;">
<div id="div_box_acta">
    <div id="container">
        <div style="padding: 10px;">
            <p style="text-align: justify;color: #9b9b9b;">
                En esta p&aacute;gina puedes crear una nueva acta,es decir un documento donde cada acuerdo puede  tener un responsable y una fecha l&iacute;mite, recuerda que una vez creada no podr&aacute;s modificarla.
            </p>
            <div class="error" id="msj-titulo-acta" style="display: none;border: 1px solid #FFCCCB;color: #d0272c;font-size: 13px;font-weight: bold;border-radius: 5px;">mensaje de de error</div>
            <br />
            <table width="100%" border="0">
                <tr>
                    <td colspan="3" class="attribute">T&iacute;tulo:</td>
                </tr>
                <tr>
                    <td colspan="3"><input style="width: 100%;" tabindex="1" type="text" name="txt_acta_titulo" id="txt_acta_titulo" /></td>
                </tr>
                <tr>
                    <td height="16" colspan="3">&nbsp;</td>
                </tr>
                <tr>
                    <td class="attribute">Acuerdo:</td>
                    <td class="attribute" colspan="2" >Responsable:</td>

                </tr>
                <tr>
                    <td valign="top">
                            <textarea style="width:385px;height: 175px;resize :none;" tabindex="2"  rows="1" cols="1" name="txt_acta_texto" id="txt_acta_texto"></textarea>


                    </td>
                    <td valign="top" colspan="2">
                         <table>
                            <tr>
                                <td><input style="width: 200px;" tabindex="3" type="text" name="txt_acta_nombre" id="txt_acta_nombre"/> </td>
                            </tr>
                            <td class="attribute">
                                Fecha:
                            </td>
                            <tr>
                                <td><input style="width: 200px;" tabindex="4" style="width: 90px;" type="text" id="temptime" /></td>
                            </tr>
                             <tr>
                                 <td height="75px" align="center">
                                     <a id="btn-add-new-task-acta" class="btn-agregar-detalle-acta" href="javascript:void(0);" onclick="f_add_detail_task_acta();"><span>Agregar</span></a>
                                 </td>
                             </tr>
                        </table>


                    </td>

                </tr>
                <tr>
                    <td colspan="4" id="div_detalle_tarea_acta"></td>
                </tr>
                <tr>
                    <td height="16" colspan="4">&nbsp;</td>
                </tr>
                <tr>
                    <td colspan="3" class="attribute">E-mails: <label style="font-weight: normal;">(Agregar uno a la vez)</label></td>
                </tr>
                <tr>
                    <td colspan="3">
                        <div style="display: inline-block;width: 570px;">
                            <input style="width: 100%;" type="text" name="txt_acta_cont_cor" tabindex="5" id="txt_acta_cont_cor"/>
                        </div>
                        <div style="display: inline-block;">
                            <a id="btn-add-new-contact-email-acta" class="a-add-form" href="javascript:void(0);" onclick="add_contact_acta();"></a>
                        </div>
                     </td>
                </tr>
                <tr>
                    <td colspan="3">
                        <ul class="text-div-acuerdo-acta-div" style="margin: 0;padding: 0;">
                            <li style="height: auto;margin-bottom: 5px;">
                                <div id="content-email-acta" style="width: 94%;float: left;margin-left: 0px;margin-top: 3px;">
                                    <div id="aux-div-acta"></div>
                                </div>
                            </li>
                        </ul>
                    </td>
                </tr>
                <tr>
                    <td colspan="3" class="attribute">Etiquetas:</td>
                </tr>
                <tr>
                    <td colspan="3">
                        <div style="display: inline-block;width: 570px;">
                             <input style="width: 100%;" type="text" tabindex="6" id="txt_add_etiqueta_acta" name="txt_add_etiqueta_acta" />
                        </div>
                        <div style="display: inline-block;">
                            <a href="javascript:void(0)" id="tipTip" title="Recuerda separarlo por ',' ejemplo: clientes, empresa, contratos">
                                <div id="help-acta"></div>
                            </a>
                        </div>

                    </td>

                </tr>
                <tr>
                    <td height="16" colspan="3">&nbsp;</td>
                </tr>
                <tr>
                    <td colspan="3" bgcolor="#f0f0f0">
<form name="frm_registrar_acta" method="post" action="">
    <ul style="margin: 0;padding: 5px;color: #9b9b9b;">
        <li><input checked type="radio" name="rad_acta_aprobacion" value="1"/>Deseo recibir un email por cada aprobaci&oacute;n</li>
        <li><input type="radio" name="rad_acta_aprobacion" value="2"/>Deseo recibir un email luego de todas las aprobaciones</li>
        <li><input type="radio" name="rad_acta_aprobacion" value="3"/>No deseo recibir ning&uacute;n email de las aprobaciones</li>
    </ul>
</form>
                    </td>
                </tr>
                <tr>
                    <td height="16" colspan="4">&nbsp;</td>
                </tr>
                <tr>
                    <td colspan="4" align="center">
 <div style="width: 600px;">
     <div style="display: block;margin: 0 auto;width: 200px;">
         <div style="display: inline-block;vertical-align: middle;">
             <a class="cls-btn-a cls-btn-a-font" href="javascript:void(0);" onclick="f_registrar_acta();" style="padding: 3px 30px;">Enviar</a>
         </div>
         <div style="display: inline-block;vertical-align: middle;">
            <a class="cls-btn-a cls-btn-a-font" href="javascript:void(0);" onclick="hide_acta();" style="padding: 3px 30px;">Salir</a>
         </div>
     </div>
 </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="4" align="right">
                        <?php echo image_tag('logo_aceptor.png','size=104x29') ?>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div style="float: left;margin-bottom: 10px;">
       <div  align="center" id="div_resultado_acta" style="display: none;"></div>
        <div id="imgload_acta" align="center" style="display: none;padding-left: 100px;margin-bottom: 20px;">
            <?php echo image_tag('ajax-loader.gif') ?>
        </div>
    </div>


</div>
        <input type="hidden" id="txt-aceptor-user-actual-acta" value="<?php echo $email_user ?>" />
</div>

<script type="text/javascript">
$(document).ready(function(){
    $("#tipTip").tipTip({
        activation: "hover",
        keepAlive: false,
        defaultPosition: "top",
        delay: 0,
        attribute: "title",
        maxWidth: "auto"
    });
});
function closeacta(){
    $('#dialog_acta').dialog('close');
}
</script>